// import React from 'react'
import ReactDOM from 'react-dom/client'
// import App from '../App.jsx'
import { ConfigProvider } from 'antd';
import { RouterProvider } from 'react-router-dom'
import router from './router'
import zhCN from 'antd/locale/zh_CN'
import './styles/index.css'
import { MessageContextHolder, ModalContextHolder } from '@/components/Common'
ReactDOM.createRoot(document.getElementById('root')).render(
  <ConfigProvider
    locale={zhCN}
    form={{ colon: false }}
    // autoInsertSpaceInButton={false}
    input={{
      autoComplete: 'off'
    }}
    theme={{
      token: {
        controlHeight: 34
      },
      components: {
        Menu: {
          padding: 28
        },
        Descriptions: {
          fontSize: 22,
          colorTextTertiary: '#333'
        },
        Layout: {
          headerBg: '#fff'
        },
        Breadcrumb: {
          colorBgTextHover: '#fff'
        }
      }
    }}
  >
    <RouterProvider router={router} />
    <MessageContextHolder />
    <ModalContextHolder />
    {/* <App /> */}
  </ConfigProvider>
)
